// 上传组件
.M-uploader{
	// padding: 10px;
	overflow: hidden;

	&Input{
		// width: 100px;
		margin-right: 10px;
		// padding-left: 35px;
		// padding-right: 35px;
		padding: 8px 35px;
	}

	&Tips {
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 3px;
	}

	&Progress{
		// width: 400px;
		display: none;
		margin: 10px 0;
		font-size: 12px;
		text-align: left;
		.countCon {
			width: 36px;
			height: 18px;
			margin-right: 10px;
			display: inline-block;
			line-height: 18px;
			text-align: center;
			vertical-align: middle;
			.count {

			}
		}
		.barCon {
			// width: 100%;
			height: 6px;
			border-radius: 4px;
			display: inline-block;
			vertical-align: middle;
			.bar{
				width: 0;
				height: 6px;
				border-radius: 4px;
				-moz-transition: width 0.2s ease-in-out;
				transition: width 0.2s ease-in-out;
			}
		}

	}

	&Assist{
		&Bar{
			min-width: 60px;
			height: 4px;
			border-radius: 4px;
			box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
			.bar {
				margin-top: 5px;
				width: 0px;
				height: 4px;
				border-radius: 4px;
				// background: #6C9D1D;
				-moz-transition: width 0.2s ease-in-out;
				transition: width 0.2s ease-in-out;
			}
		}
		&Desc{
			text-align: left;
			.done{
				font-size: 30px
			}
		}

		&Button{
			text-align: left;
			span {
				margin-top: 5px;
				display: inline-block;
			}
		}
	}

	// 上传封面模块
	&Cover {
		overflow: hidden;
		margin-bottom: 10px;

		&Thumb{
			float: left;
			margin-right: 10px;
			text-align: center;
			height: 160px;
			width: 160px;
			// margin: 5px 0 0 5px;
			line-height: 160px;
			overflow: hidden;
			background: #F8F8F8;
			box-shadow: rgba(0, 0, 0, 0.15) 0 0 2px inset;
			img {
				width: 100%;
				height: 100%;
			}
		}
		&Status{
			float: left;
		}
	}
}


// 落地页上传子模块
.M-uploaderWhisky{
	li{
		list-style-type: none;
	}

	&Layout{
		&Column{
			margin-right: 10px;
			vertical-align: top;
			display: inline-block;
		}
	}
	&Thumb{
		width: 600px;
		min-height: 100px;
		overflow: hidden;
		text-align: center;
		display: inline-block;
		border: 1px solid #CCC;
		// background-color: #F8F8F8;
		background-color: #EBEAE8;
		background-image: none!important;
		box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
	}
	&Info{
		overflow: hidden;
		width: 600px;
		margin-bottom: 10px;
	}
	.status{
		text-align: right;
	}
}

.M-uploaderPTC{
  margin-bottom: 10px;
  li{
	list-style-type: none;
  }
  display: inline-table;
  &Layout{
	&Column{
	  vertical-align: top;
	  margin-right: 10px;
	}
  }

  &Close {
	top: -66px;
	left: 2px;
	position: relative;
	font-size: 16px;
	cursor: pointer;
  }
}
// 创意包上传子模块
.M-uploaderCreative{
	margin-bottom: 10px;
	li{
		list-style-type: none;
	}

	&Layout{
		&Column{
			display: inline-block;
			vertical-align: top;
			margin-right: 10px;
		}
	}
	&Name{
		margin-bottom: 5px;
	}
	&Thumb{
		display: inline-block;
		width: 65px;
		height: 80px;
		overflow: hidden;
		line-height: 80px;
		border: 1px solid #CCC;
		background-color: #F8F8F8;
		background-image: none!important;
		box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;

		img{
			width: 65px;
			vertical-align: middle;
		}
	}
	&Info{
		margin-bottom: 5px;
	}
}


